Skip to main content

List 组件的绑定

除了简单属性绑定功能外,CODE.FUN 还支持复杂组件的数据对象绑定操作。

List 组件数据绑定

下图是一个带有 List 组件的页面,在默认情况下,所有 List 内部的字段都没有进行绑定,其对应的数据绑定面板、JS 的 data 字段都是空。



为了使 List 绑定数据支持 v-for 循环列表功能,我们需要在配置面板中打开“将 List 标签输出为循环列表 ( v-for / wx:for )”功能,如下图:



开关打开后,我们设置 List 的绑定数据,规则和绑定 Text 以及 Image 节点一样:



至此,List 属性字段绑定结束。